*
{
    font-family: monospace;
    font-size:16px;
    color: #FFF;
}

body
{
    background-color: #111;
    padding:0;
    margin:0;
}

a:link
{
    color: #0FF;
}

a:visited
{
    color: #FFF;
}

a:hover
{
    color: #F00;
}

a:active
{
    color: #00F;
}

hr
{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
}

.header
{
    color: #0FF;
    padding: 0.3em;
    padding-top: 0em;
    font-weight: bold;
}

ul.menu li:hover > a
{
    color:#FF0;
}

ul.menu li > a
{
    font-weight: bold;
    color:#0FF;
    
}

ul.menu
{
    background-color: #111;
    list-style-type:none;
    padding:0px;
    margin:0px;
    font-size:18px;
    height:1em;
    line-height:1em;
    text-align:left;
}

ul.menu > li 
{
    font-weight: bold;
    color: #F0F;
    float:left;
    height:1em;
    position: relative;
    
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

ul.menu > li:hover 
{
    background-color:#C20;
    color: #FF0;
}

ul.menu > li:hover > ul 
{
    display:inline;
    white-space: nowrap;
}

ul.menu > li > ul 
{
    font-weight: normal;
    display:none;
    list-style-type:none;
    padding-top:0.2em;
    padding-bottom:0.3em;
    padding-left:2px;
    padding-right:2px;
    border-style: solid;
    border-width: 2px;
    border-color: #CCC;
    
    position: absolute;
    margin-left: -0.5em;
    background-color: #111;
}

ul.menu > li > ul > li 
{
    color: #0FF;
    position:relative;
    margin-left: 0.2em;
    margin-right: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

ul.menu > li > ul > li:hover 
{
    background-color:#C20;
    color:#FF0;
}

ul.menu li > ul > li:hover > ul 
{
    display:inline;
    white-space: nowrap;
}

ul.menu li > ul > li > ul
{
    display:none;
    left:100%;
    position:absolute;
    
    list-style-type:none;
    padding-top:0.2em;
    padding-bottom:0.3em;
    padding-left:2px;
    padding-right:2px;
    border-style: solid;
    border-width: 2px;
    border-color: #CCC;
    
    position: absolute;
    margin-left: 0em;
    margin-top: 0.2em;
    background-color: #111;
}

ul.menu li > ul > li > ul > li
{
    background-color:#111;
    color: #0FF;
    position:relative;
    margin-left: 0.2em;
    margin-right: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

ul.menu li > ul > li > ul > li:hover 
{
    background-color:#C20;
    color:#FF0;
}

div.content
{
    margin: 0.3em;
    margin-left:  0.7em;
    margin-right: 0.7em;
    border-style: solid;
    border-width: 2px;
    border-color: #FFF;
    padding: 0.5em;
    width: calc(100% - 2.5em);
    max-width: calc(100% - 2.5em);
    min-height:calc(100vh - 10.9em);
}

div.footer
{
    margin-top: -0.5em;
    margin-left:  0.7em;
    margin-right: 0.7em;
    padding: 0.5em;
}

.blink
{
    animation: blinkAnimation 1s step-end infinite;
    -webkit-animation: blinkAnimation 1s step-end infinite;
}

@keyframes blinkAnimation {
	0% {visibility: hidden;}
	50% {visibility: visible;}
}

@-webkit-keyframes blinkAnimation{
	0% {visibility: hidden;}
	50% {visibility: visible;}
}


